/* components/home/HomeCartItem1/HomeCartItem1.wxss */
.card {
  width: 100%;
  height: 240rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .img-box {
    width: 170rpx;
    min-width: 170rpx;
    height: 227rpx;
    aspect-ratio: 72/96;
    position: relative;
    overflow: hidden;

    &::after {
      position: absolute;
      left: 0;
      bottom: -20rpx;
      content: "";
      display: block;
      width: 100%;
      height: 20rpx;
      background-image: linear-gradient(to bottom,
          var(--bgc-gray),
          rgba(#fafafa, 0));
      filter: blur(4rpx);
    }

  }

  .right {
    flex-grow: 1;
    height: 100%;
    color: var(--text-gray);
    font-size: 28rpx;
    margin-left: 20rpx;

    .name {
      font-size: 36rpx;
      color: var(--text-black);
      font-weight: bold;
    }

    .tags {
      margin-top: 10rpx;
      display: flex;
      justify-content: space-between;

      .tags-btn {
        color: var(--text-black);
      }
    }

    .des {
      width: 100%;
      box-sizing: border-box;
      border: 10rpx solid var(--bgc-gray2);
      background-color: var(--bgc-gray2);
      margin-top: 10rpx;
      line-height: 40rpx;
      -webkit-line-clamp: 2;
    }
  }
}